<template>
<!-- 登陆页面的返回小箭头部分 -->
<div class="container">
  <div class="login-left">
    <div class="iconfont" @click="backClick">
      <img src="~assets/images/login/jiantou.png" alt="" />
    </div>
    <slot name= 'set-title' ></slot>
    <slot name= 'forget-title' ></slot>
  </div>
  <slot name="border-bottom" class="border-bottom"></slot>

</div>
</template>

<script>
export default {
  name: 'backButton',
  methods: {
    backClick () {
      this.$router.push('/')
    }
  }
}
</script>

<style lang="less" scoped>
/* 返回小箭头 */
.container {
  height: .44rem;
  line-height: .44rem;
  .login-left {
  display: flex;
  height: .44rem;
  margin-left: 0.15rem;
  .login-title {
    margin-left: 1.27rem;
    font-size: .18rem;
    color: #333;
    margin-bottom: .125rem;
  }
  .iconfont {
    width: 0.1rem;
    height: 0.17rem;
    img {
      width: 100%;
      height: 100%;
    }
  }
}
}

</style>
